import React from 'react'
import './GiftPopupBtns.css'

const GiftPopupBtns = props => {

    const {
        giveConfirm,
        onClose,
        confirmClickable,
    } = props

    const clickableBtn = (
        <div
            className='gift-popup-btn gift-popup-btn-active'
            onClick={giveConfirm}
        >确定</div>
    )
    const unClickableBtn = <div className='gift-popup-btn gift-popup-btn-disabled'>确定</div>

    const buttons = (
        <div className='gift-popup-btn-ctn'>
            <div
                className='gift-popup-btn'
                onClick={onClose}
            >
                取消
            </div>
            {confirmClickable ? clickableBtn : unClickableBtn}
        </div>
    )

    return buttons
}
export default GiftPopupBtns
